<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head th:fragment="head(title)">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title th:replace="${title}">博客详情</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css">
    <link rel="stylesheet" href="../static/css/typo.css" th:href="@{/css/typo.css}">
    <link rel="stylesheet" href="../static/css/animate.css" th:href="@{/css/animate.css}">
    <link rel="stylesheet" href="../static/lib/prism/prism.css" th:href="@{/lib/prism/prism.css}">

</head>
<body>




<!--底部footer-->
<footer th:fragment="footer" class="ui inverted vertical segment m-padded-tb-massive">
    <!--引入网易云音乐播放器插件，固定右下角显示,歌单4864025307-->
    <!--  <div id="netEasy-music" style="display:none;position: fixed;bottom: -45px;right: 280px;width: 0%;z-index:9999" >
        <iframe frameborder="no" border="0" marginwidth="0"
                marginheight="0" width=280 height=300
                src="http://music.163.com/outchain/player?type=0&id=4864025307&auto=0">
        </iframe>
        &lt;!&ndash;引入天气预报插件&ndash;&gt;
        &lt;!&ndash;https://cj.weather.com.cn/plugin/pc&ndash;&gt;
        <div id="weather-float-he"></div>
      </div>-->
    <div id="weather-float-he"></div>


</footer>

<th:block th:fragment="script">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
    <div class="aplayer" data-id="3778678" data-server="netease" data-type="playlist" data-fixed="true" data-autoplay="false"  data-volume="0.6" ></div>
    <script src="http://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js"></script>
    <script src="http://cdn.jsdelivr.net/npm/meting@1.2.0/dist/Meting.min.js"></script>
<!--    <script src="../static/lib/prism/prism.js" th:src="@{/lib/prism/prism.js}"></script>-->
<!--    <script src="../static/lib/waypoints/jquery.waypoints.min.js" th:src="@{/lib/waypoints/jquery.waypoints.min.js}"></script>-->

    <!--适配移动端和电脑端-->
    <script type="text/javascript">
        var browser = {
            versions: function () {
                var u = navigator.userAgent, app = navigator.appVersion;
                return {     //移动终端浏览器版本信息
                    trident: u.indexOf('Trident') > -1, //IE内核
                    presto: u.indexOf('Presto') > -1, //opera内核
                    webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
                    gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
                    mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
                    ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
                    android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器
                    iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
                    iPad: u.indexOf('iPad') > -1, //是否iPad
                    webApp: u.indexOf('Safari') == -1 //是否web应用程序，没有头部与底部
                };
            }(),
            language: (navigator.browserLanguage || navigator.language).toLowerCase()
        }
        if (browser.versions.mobile) {
            //执行移动端的相关代码
            //alert("移动端");
            //设置移动端不显示网易云音乐插件
            /*      onload = function () {
                      var MusicDivShow = document.getElementById('netEasy-music');//获取指定div中的元素
                      MusicDivShow.style.display = 'none';//控制层隐藏
                  };*/
        }else if(!browser.versions.mobile){ //非移动端，动态加载js和div
            //设置电脑端显示网易云音乐插件
            onload = function () {
                /*var MusicDivShow = document.getElementById('netEasy-music');//获取指定div中的元素
                MusicDivShow.style.display = 'block';//控制层显示*/
            };
            var script1 = document.createElement('script');
            script1.type = 'text/javascript';
            script1.src = '\\js\\snow.js';

            <!-- 天气预报 -->
            WIDGET = {FID: 'EtgqPWMbdv'}
            var script4 = document.createElement('script');
            script4.type = 'text/javascript';
            script4.src = 'https://apip.weatherdt.com/float/static/js/r.js?v=1111';

            var script2 = document.createElement('script');
            script2.type = 'text/javascript';
            script2.src = '\\js\\click_show_text.js';

            var script3 = document.createElement('script');
            script3.type = 'text/javascript';
            script3.color = '220,220,220';
            script3.opacity = '0.7';//透明度
            script3.zIndex = '-2';
            script3.count = '200';
            script3.src = '//cdn.bootcss.com/canvas-nest.js/1.0.0/canvas-nest.min.js';

            /*live-2D*/
            var script5 = document.createElement('script');
            script5.type = 'text/javascript';
            script5.src = '\\js\\autoload.js';

            $('body').append(script5);
            $('body').append(script1);
            $('body').append(script4);
            $('body').append(script2);
            $('body').append(script3);
        }
    </script>

</th:block>
</body>
</html>